<template>
  <div class="bottom">
    <div class="bottom_content">
      <span class="ns">{{title}}</span>
      <div class="chart-inner">
        <TrendChart></TrendChart>
      </div>
    </div>
  </div>
</template>

 <script>
  import TrendChart from './TrendChart'
  export default {
    props: {
      title: String
    },
    components: {
      TrendChart
    }
  }
 </script>

 <style lang="scss" scoped>
.bottom {
  margin-top: 20px;
  margin-bottom: 20px;
  .bottom_content {
    padding-bottom: 20px;
    background: #ffffff;
    border-radius: 8px;
    .ns {
      font-size: 16px;
      font-family: PingFang SC, PingFang SC-Semibold;
      font-weight: 600;
      text-align: LEFT;
      color: #333;
      line-height: 40px;
      margin-left: 15px;
    }
  }
}
.chart-inner {
  margin-top: -30px;
}
</style>
